<template>
  <div>
    <h4>这个是父组件</h4>
    <p>这个是父组件中的num：{{ num }}</p>
    <input v-model="uname" type="text">
    <hr>
    <!-- :value给子组件传入num的值 -->
    <!-- <son :value="num" @input="val=> num=val" /> -->
    <!-- v-model组件实现数据双向绑定
      v-model是上面：value和@input的语法糖，作用让代码更简洁
    -->
    <son v-model="num"  />
  </div>
</template>

<script>
import Son from './Son.vue'
export default {
  components: {
    Son
  },
  data() {
    return {
      uname: 'Rose',
      num: 100,
      
    }
  },
  methods: {

  }
}
</script>

<style>

</style>
